﻿html
{
	overflow-x: hidden;
	height: 100%;
}

body
{
    font-family: Calibri, Arial, Trebuchet MS;
    font-size: 11pt;
    padding: 0px;
    margin: 0px;
    color: #254264;
    background-color: #DCE5F2;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
}

h1
{
	font-family: Cambria, Arial, Trebuchet MS;
	font-size: 14pt;
	margin-top:10px;
}

h2
{
	font-family: Cambria, Arial, Trebuchet MS;
	font-size: 13pt;
	color: #4E81C8;
}

img
{
    border: 0px;
}
hr {
	border-top: 1px dashed #8db2e3; 
	border-bottom: 0px dashed #8db2e3; 
	height: 1px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding:0 0 0 0;
}

a
{
    color: #254264;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}


.topbar
{
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 90px;
    border: 1px solid #3b5a82;
    border-bottom: 1px solid #9FAEC2;
    border-top: 0px;
    background-image: url(images/menu_background.png);
    background-repeat: repeat-x;
    border-top: 0px;
    margin-left: -1px;
    z-index: 0;
    border-top: 1px solid #8db2e3;
}
.topbarcontent{
	padding:10px;
	padding-left:30px;
}
#today_text{
	position:absolute;
	margin-top:0px;
	width: 130;
	left: 170;
	top: 0;
	overflow: visible;
}

#my-history-content{
	overflow:auto;
	width:100%;
	height:400px;
}

div#header{height:90px;line-height:90px;margin:0;
  padding-left:10px;}

div#wrapper{float:left;width:100%}
div#content{margin: 0 35%;width:100%;border-left-style:dotted;
	border-left-width:1px; border-left-color:#8db2e3;}
div#navigation{float:left;width:35%;margin-left:-100%;border-right-style:dotted;
	border-right-width:1px; border-right-color:#8db2e3; height:100%;}

div#footer{clear:left;width:100%}

#datepicker{
	margin-left:10px;	
}
